<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>缤喔</title>
</head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/nav,footer.css" type="text/css"/>
<script src="script/script.js" type="text/javascript"></script>
<body>
<div class="wrap">
    <div class="nav">
        <div class="logo_left" id="logo_left">
            <a href="#" class="logo"><img src="images/logo.jpg"></a>
            <ul>
                <li class="nav_first" style="margin-left: 400px;"><a href="index.html">首页</a></li>
                <li><a href="design.html">设计院</a></li>
                <li class="down">
                    <a href="street.html">商业街</a>
                    <div class="downmenu">
                        <p><a href="street.html">购物城</a></p>
                        <p><a href="game.html">大玩家</a></p>
                    </div>
                </li>
                <li><a href="community_all.html">社区</a></li>
                <li><a href="#">主题活动</a></li>
            </ul>
        </div>

        <div class="logo_right">
            <textarea row="5px" col="20px"></textarea><span class="search">aaa</span>
            <div class="pubdesign">发布设计</div>
            <div class="pubtiezi">发布帖子</div>
            <div class="own_ifo"></div>
            <div class="own_head"></div>
        </div>
        <div class="banner">
            <a href="#"><img src="images/banner.jpg"/></a>
        </div>
    </div>
    <div class="mainbody">
        <div class="head">
            <div class="head_left">
                <h3>这就是<span style="color: red;">Bingowo</span>!</h3>
                <dl>
                    <dt>缤喔--你买的就是你想要的</dt>
                    <dd>
                        缤喔是一个基于用户吐槽而进行创新设计的平台。在缤喔，用户可以发布需求、吐槽及创意；设计师可以自由上传自己的设计，同时可以针对用户的内容进行创新设计。我们致力于打造全新的定制化、个性化的消费体验。
                    </dd>
                </dl>
            </div>
            <div class="head_right">
                <dl class="head1">
                    <dt><span>2000</span>个</dt>
                    <dd>已有心愿在bingowo发布</dd>
                </dl>
                <dl class="head2">
                    <dt><span>300</span>位</dt>
                    <dd>有实力的设计师在bingowo</dd>
                </dl>
            </div>
            <img src="images/head_img.png"/>
        </div>
        <div class="newpub box">
            <div class="box_head">
                <h3>最新发布</h3>
                <h6>换一批</h6>
            </div>
            <ul>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">111</span>
                        <span class="good">222</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="create box">
            <div class="box_head">
                <h3>最具创意</h3>
                <h6>换一批</h6>
            </div>
            <ul>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="hot box">
            <div class="box_head">
                <h3>热门设计</h3>
                <span>设计大赛专区 </span>|
                <span>生活周边 </span>|
                <span>办公用品 </span>|
                <span>家居用品 </span>|
                <span>健康护理 </span>|
                <span>户外运动 </span>|
                <span>概念统计 </span>|
                <span>极客 | </span>
                <span>其他</span>
                <h6 style="background: none;">查看更多</h6>
            </div>
            <ul>
                <li class="hot_1" style="width: 580px;">
                    <img src="images/design_hot.jpg">
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="box_left">
                        <img src="images/icon_head.png"/>
                    </div>
                    <div class="box_right">
                        <p>标题</p>
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="chat">
            <h3>交流社区</h3>
            <div class="chat_left">
                <div class="chat_left_head">
                    <p class="chat_lef_first"><a href="#">综合</a></p>|
                    <p><a href="#">吐槽</a></p>|
                    <p><a href="#">创意</a></p>
                    <br/>
                    <span style="margin-left: 30px;"><a href="#">我要吐槽</a></span>
                    <span><a href="#">发布我的创意</a></span>
                </div>
                <div class="chat_left_content">
                    <ul>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt><a href="#">久坐时间太长，没有很好的离开座位的理由</a><span class="youtu">有图</span><span class="remen">热门</span>
                                </dt>
                                <dd><span class="author">范尼斯特鲁白</span><span class="pubtime">20分钟前</span><span
                                        class="column">家居用品-厨房用品</span><span class="eqp">来自移动端</span></dd>
                            </dl>
                            <div style="position:relative">
                                <span class="chat_good">1000</span><span class="chat_comment">1000</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <p class="chat_left_bottom">查看更多话题<img src="images/refresh2.png"/></p>

            </div>
            <div class="chat_right">
                <div class="chat_right_box">
                    <h4>热点动态</h4>
                    <img src="images/design2.png">
                    <p>久坐时间太长，没有很好的离开座位的理由</p>
                    <img src="images/design2.png">
                    <p>久坐时间太长，没有很好的离开座位的理由</p>
                    <img src="images/design2.png">
                    <p>久坐时间太长，没有很好的离开座位的理由</p>
                    <img src="images/design2.png">
                    <p>久坐时间太长，没有很好的离开座位的理由</p>
                </div>
            </div>
        </div>
        <div class="bottom box">
            <div class="box_head">
                <h3 style="margin-top: 50px;">特别推荐</h3>
                <h6 style="margin-top: 40px;">换一批</h6>
            </div>
            <ul>
                <li>
                    <img src="images/design.jpg">
                    <div class="bottom_ifo">
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                        <span class="shoucang">我想要</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="bottom_ifo">
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                        <span class="shoucang">我想要</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="bottom_ifo">
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                        <span class="shoucang">我想要</span>
                    </div>
                </li>
                <li>
                    <img src="images/design.jpg">
                    <div class="bottom_ifo">
                        <span class="want">1</span>
                        <span class="good">2</span>
                        <span class="comment">3</span>
                        <span class="shoucang">我想要</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_nav">
            <ul class="footer_nav_ul">
                <li>
                    <ul>
                        <li>使用帮助</li>
                        <li>设计师指南</li>
                        <li>网站指南</li>
                        <li>服务规则</li>
                        <li>意见反馈</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>关于我们</li>
                        <li>公司简介</li>
                        <li>网站地图</li>
                        <li>联系我们</li>
                        <li>版权说明</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>网站导航</li>
                        <li>首页</li>
                        <li>设计院</li>
                        <li>主题活动</li>
                        <li>大玩家</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>社区</li>
                        <li>心愿单</li>
                        <li>吐槽</li>
                        <li>创意</li>
                    </ul>
                </li>
                <li>
                    <img src="images/erweima_1.png"/>
                    <p style="margin-left:22px">扫一扫关注微博</p>
                </li>
                <li>
                    <img src="images/erweima_2.png"/>
                    <p style="margin-left:7px">扫一扫关注微信公众号</p>
                </li>
                <li>
                    <ul>
                        <li></li>
                        <li><span>电话</span>：0571-62079100</li>
                        <li><span>邮箱</span>：bingowo@126.com</li>
                        <li><span>QQ</span>：2580493974</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="footer_company">
            <div class="footer_company2">
                <span>@跃岩网络 版权所有 浙ICP备16019786号-1</span>
                <span>浙公网安备 33010802005416号</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>